/*
 * @Descripttion: 全屏组件
 * @version: 
 * @Author: 
 * @Date: 2023-11-15
 */
export const widgetFullscreen = {
  code: 'widget-fullscreen',
  type: 'border',  //分组
  tabName: '样式组件',
  label: '全屏按钮',
  icon: 'icon-shuibotu',
  options: {
    // 配置
    setup: [
      {
        type: 'el-input-text',
        label: '图层名称',
        name: 'layerName',
        required: false,
        placeholder: '',
        value: '全屏按钮',
      },
      {
        type: 'el-select',
        label: '按钮样式',
        name: 'buttonStyle',
        required: false,
        placeholder: '',
        selectOptions: [
          { code: 'default', name: '默认样式' },
          { code: 'custom', name: '自定义样式' }
        ],
        value: 'default'
      },
      {
        type: 'vue-color',
        label: '按钮颜色',
        name: 'buttonColor',
        required: false,
        placeholder: '',
        value: '#409EFF'
      },
      {
        type: 'vue-color',
        label: '图标颜色',
        name: 'iconColor',
        required: false,
        placeholder: '',
        value: '#FFFFFF'
      },
      {
        type: 'el-input-number',
        label: '按钮大小',
        name: 'buttonSize',
        required: false,
        placeholder: '',
        value: 40
      }
    ],
    // 数据
    data: [],
    // 坐标
    position: [
      {
        type: 'el-input-number',
        label: '左边距',
        name: 'left',
        required: false,
        placeholder: '',
        value: 0,
      },
      {
        type: 'el-input-number',
        label: '上边距',
        name: 'top',
        required: false,
        placeholder: '',
        value: 0,
      },
      {
        type: 'el-input-number',
        label: '宽度',
        name: 'width',
        required: false,
        placeholder: '该容器在1920px大屏中的宽度',
        value: 40,
      },
      {
        type: 'el-input-number',
        label: '高度',
        name: 'height',
        required: false,
        placeholder: '该容器在1080px大屏中的高度',
        value: 40,
      },
    ],
  }
}